<script setup lang="ts">
import { ETable, ETableColumn } from 'exploria-ui';

const data = [
    {
        name: '张三',
        age: 18,
        sex: '男',
        address: '北京市',
        phone: '1234567890',
        email: 'zhangsan@example.com',
        status: '正常',
    },
    {
        name: '李四',
        age: 20,
        sex: '女',
        address: '上海市',
        phone: '0987654321',
        email: 'lisi@example.com',
        status: '禁用',
    },
    {
        name: '王五',
        age: 22,
        sex: '男',
        address: '广州市',
        phone: '1111111111',
        email: 'wangwu@example.com',
        status: '正常',
    },
    {
        name: '王五',
        age: 22,
        sex: '男',
        address: '广州市',
        phone: '1111111111',
        email: 'wangwu@example.com',
        status: '正常',
    },
    {
        name: '王五',
        age: 22,
        sex: '男',
        address: '广州市',
        phone: '1111111111',
        email: 'wangwu@example.com',
        status: '正常',
    },
    {
        name: '王五',
        age: 22,
        sex: '男',
        address: '广州市',
        phone: '1111111111',
        email: 'wangwu@example.com',
        status: '正常',
    },
    {
        name: '王五',
        age: 22,
        sex: '男',
        address: '广州市',
        phone: '1111111111',
        email: 'wangwu@example.com',
        status: '正常',
    },
    {
        name: '王五',
        age: 22,
        sex: '男',
        address: '广州市',
        phone: '1111111111',
        email: 'wangwu@example.com',
        status: '正常',
    },
    {
        name: '王五',
        age: 22,
        sex: '男',
        address: '广州市',
        phone: '1111111111',
        email: 'wangwu@example.com',
        status: '正常',
    },
    {
        name: '王五',
        age: 22,
        sex: '男',
        address: '广州市',
        phone: '1111111111',
        email: 'wangwu@example.com',
        status: '正常',
    },
    {
        name: '王五',
        age: 22,
        sex: '男',
        address: '广州市',
        phone: '1111111111',
        email: 'wangwu@example.com',
        status: '正常',
    },
    {
        name: '王五',
        age: 22,
        sex: '男',
        address: '广州市',
        phone: '1111111111',
        email: 'wangwu@example.com',
        status: '正常',
    },
];
</script>

<template>
    <ETable :data="data">
        <ETableColumn label="name" prop="name" draggable />
        <ETableColumn label="age" prop="age" draggable />
        <ETableColumn label="sex" prop="sex" draggable />
        <ETableColumn label="address" prop="address" draggable />
        <ETableColumn label="phone" prop="phone" />
        <ETableColumn label="email" prop="email" />
        <ETableColumn label="status" prop="status" />
    </ETable>
</template>
<style lang="scss" scoped>
.one-table {
    height: 200px;
}
</style>
